@charset "utf-8";

*{word-wrap:break-word}
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}

ul,ol,dl{list-style-type:none}
html,body{*position:static;-webkit-text-size-adjust:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
 
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"微软雅黑","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei";font-size:12px;color: #333; }
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
 
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{
transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;
}
body{ line-height:1.6; color:#333;  font-size:14px; background:#fff; overflow-x:hidden ;font-family:"微软雅黑", "Microsoft YaHei", Arial, Helvetica, sans-serif, Arial, "宋体";}
a{ color:#666666; text-decoration:none; font-size:16px;}
a:hover{ color:#355ba9; text-decoration:none}

.img img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;} 
a:hover .img img{ transform:scale(1.1)}
/*布局*/ 
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
.flexbetweenr{-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.weap{ width:1330px; max-width:100%; margin:0 auto; }
 

/*头部*/ 
.qm-top{ height:112px;} 
.qm-top .box{ background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.05);height:112px; position:fixed; z-index:999; left:0; right:0;top:0; } 
.qm-top .weap{ width:1400px; height:112px }
.qm-top .logo{ float:left; padding-top:16px;}
.qm-top .logo a{ display:block; float:left}
.qm-top .logo img{ display:block; height:80px;}
 
.qm-nav{  float:right;  } 
.qm-nav ul{ font-size:0; }
.qm-nav .nl{ float:left; padding:0 15px;position:relative} 
.qm-nav .nl .alink{ display:block; font-size:17px; text-align:center; line-height:112px; font-weight:bold } 
.qm-nav .nl.on .alink{  color:#355ba9}
.qm-nav .sub{ position:absolute; z-index:8;top:112px; width:160px; left:50%; margin-left:-80px;display:none ;background:#fff;  } 
.qm-nav .nl.exist .alink:after{ content:""; display:inline-block; vertical-align:middle; width:15px; height:15px; background-color:#000; position:relative;top:-1px; background:url(../images/ico-down.png) no-repeat center; background-size:100%; margin-left:5px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.qm-nav .nl.on.exist .alink:after{ transform:rotate(180deg)}
.qm-nav .sub ul{ padding:5px 0}
.qm-nav .sub a{ display:block; line-height:1.4; padding:10px 0; text-align:center }
.qm-nav .sub .weap{ height:auto;}

.navbox{ float:left}
.right-tel{ float:left; text-align:center; font-weight:bold; padding-top:30px; margin-left:100px}
.right-tel .p1{ color:#355da9;  }
.right-tel .p2{ color:#355da9; display:inline-block; border:2px solid #355da9; padding:0 10px; border-radius:5px; line-height:26px; font-size:18px}
/*底部*/ 
.footer .weap{ width:1510px; padding:0 10px}
.foottopbox{ background:#dcdddc; background-size:cover; color:#888888; padding-top:60px; padding-bottom:60px; font-size:14px }
.foottopbox a{ color:#888888; font-size:14px}  
.foottopbox .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;} 
.foottopbox .footlogo{ width:22%}
.foottopbox .footlogo img{ max-width:90%}
.foottopbox .footlogo .p1{ margin-top:20px; font-size:16px}
.foottopbox .footlogo .p2{margin-top:10px}
.foottopbox .footlogo .p2 a{ display:inline-block; border:3px solid #888; padding:0 10px; border-radius:10px; font-size:28px; font-weight:bold; }
.foottopbox .footnav{-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between; width:45%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding-right:40px}
 
.foottopbox .footnav dl dt{ font-size:16px; margin-bottom:20px} 
.foottopbox .footnav dl dd{ margin-bottom:5px}
.foottopbox .footnav dl a{ color:#969897 }
.foottopbox .footewm{ width:33%;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;  display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; text-align:center}
.foottopbox .footewm dl{ float:left; width:22%; margin-left:3%}
.foottopbox .footewm dl dt{ font-size:16px; margin-bottom:10px;}
.foottopbox .footewm dl img{width:100%; border-radius:10px;}
 
.banquan{ font-size:13px; padding:20px 0; text-align:center; border-top:1px solid #a9aaa9; background-color:#dcdddc; color:#969897}
.banquan .left{ float:left}
.banquan .right{ float:right}
.banquan a{ color:#969897; font-size:13px;}
.banquan a:hover{ text-decoration:underline}
.banquan span{ margin:0 5px;}
.banquan img{ vertical-align:middle; height:18px; margin-right:5px}
/*页码*/
.pages{ text-align:center; margin-top:30px; font-size:0;}
.pages a{ display:inline-block; margin:0 5px; padding:0 12px; height:38px; line-height:36px; border:1px solid #345baa; background-color:#345baa; color:#fff }
 
 
/*弹出视频*/
.videopop{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0;}
.videopop .bdbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; width:100%; height:100%}
.videopop .closebg{ position:absolute; z-index:1; background:rgba(0,0,0,.7); left:0; right:0;top:0; bottom:0}
.videopop .videobd{ margin:0 auto; position:relative; z-index:2; width:980px; padding:10px; background-color:#252525} 
.videopop .videobd .video{ height:600px}
.videopop .videobd video{ display:block;}
.videopop .mclsoe{ position:absolute; z-index:1; width:30px; height:30px;top:-40px;   right:0; background:url(../images/ico-clsoe.png) no-repeat center; background-size:80%; cursor:pointer}

/*漂浮*/
.mflex{ display:none}
.popup { display:none}
.izl-rmenu{position:fixed;right:0; margin-right:20px; bottom:20px; padding-bottom:20px;z-index:999; }
.izl-rmenu .btn{width:60px; height:60px; margin-bottom:2px; cursor:pointer; position:relative; display:block; background-size:60px !important; background-color:#345baa; border-radius:5px; background-repeat:no-repeat; background-position:center; background-size:100%}
.izl-rmenu .btn:hover{ opacity:.9}
.izl-rmenu .btn-zx{ background-image:url(../images/ico-q01.png) ; }
.izl-rmenu .btn-phone{background-image:url(../images/ico-q02.png) ;  }
.izl-rmenu .btn-phone .phone{ position:absolute; width:160px;left:-158px; top:0px; line-height:60px; color:#FFF; font-size:18px; text-align:center; display:none; background-color:#345baa}
 .izl-rmenu .btn-qq{background-image:url(../images/ico-q04.png) ; }
.izl-rmenu .btn-wx{background-image:url(../images/ico-q05.png) ; }
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px;   display:none;width:160px;height:160px; bottom:0}
.izl-rmenu .btn-top{background-image:url(../images/ico-top.png) ;   display:none;}
#layer_weixin{ display:none}

/*底部三大功能键*/    
.mfloat{ display:none; height:58px;}
#popbox,#weixintis{ display:none}

.qm-top .weap{ position:relative}
.head-lang{ position:absolute; z-index:2; width:88px; height:36px; border:1px solid #e1e1e1;top:50%; margin-top:-18px; right:160px;}
.head-lang img{ vertical-align:middle;}
.head-lang span{ display:block; padding:8px; line-height:18px; text-transform:uppercase; padding-right:0}
.head-lang span:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-color: #000;
    position: relative;
    top: -1px;
    background: url(../images/ico-down.png) no-repeat center;
    background-size: 100%;
    margin-left: 5px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: alll 0.3s;
}
.head-lang .subs{ position:absolute; z-index:2; left:-1px; right:-1px;top:35px; display:none}
.head-lang:hover .subs{ display:block}
.head-lang .subs a{ display:block;padding:8px; line-height:18px; text-transform:uppercase; background-color:#fff;border:1px solid #e1e1e1; border-top:none; font-size:14px}
.head-lang .subs img{ margin-right:10px;}

.mnbav{ display:none}
@media (max-width: 1340px){
.weap{ width:auto; padding:0 10px } 
.right-tel{ margin-left:10px}
.qm-nav .nl{ padding:0 10px}
.qm-nav .nl .alink{ font-size:16px}
} 
 
@media (max-width: 1210px){ 
.foottopbox .footlogo .p2 a{ font-size:20px}
}
@media(max-width:950px) { 

/*头部*/ 
body.ow{ overflow:hidden}
.qm-top{ height:55px}
.qm-top .box .weap{ height:auto; position:static} 
.head-lang{ right:60px}
.qm-top .box{ width:100%; height:55px;  border-bottom:1px solid #e2e2e2; z-index:99}
 
.qm-top .logo{ padding-top:7px}
.qm-top .logo a img{ height:40px}
 
.m-nav{display:block; height: 20px; width: 26px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right: 15px; top:50%; margin-top:-10px; }
.m-nav a{background-color:#355da9; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color:#355da9; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top: -7px;}
.m-nav a:after{top: 8px;}
.qm-top.block .m-nav{transform: rotate(90deg);}
.qm-top.block .m-nav a{background-color: transparent !important;}
.qm-top.block .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-7px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}
.qm-top .box .navbox{ display:none}
.qm-top .box .navbox .weap{ padding-left:0; padding-right:0}
.qm-nav .nl.exist .alink:after{ position:absolute; z-index:2; right:10px;top:50%; margin-top:-7px;}
 
.qm-nav{ height:auto; float:none;}
.qm-nav .navbox{ background:rgba(0,0,0,.75);position:fixed; z-index: 999; left: 0; top:55px; right: 0; bottom:0; overflow-y:auto; padding-top:0; height:auto; border-bottom:none}
 
.qm-nav .nl{ width:100%; float:none; padding:0; background:#f8f8f8; margin-left:0;border-bottom:1px solid #e2e2e2; position:relative}
.qm-nav .nl .alink{ position:relative; z-index:3; padding:0 10px; line-height:50px; height:50px; width:auto; text-align:left; color:#333;  font-size:15px; border:none; margin:0}
.qm-nav .nl:after{ display:none}
.qm-nav .exist:before{ content:""; display:block; left:0; height:50px; background:url(../images/ico-d.png) no-repeat center; background-size:30%; position:absolute; z-index:6; right:0;top:0;}
.qm-nav .exist.onn:before{-moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1);}
.qm-nav .sub ul{ padding-right:0}
 
 .qm-nav .nl.on.exist .alink:after {
    transform: rotate(0deg);
}
 .qm-nav .nl.onn.exist .alink:after {
    transform: rotate(180deg);
}

.qm-nav .nl.on .alink{ border-bottom:none; border:none}
.qm-nav .sub{ position:static; background:#fff;  width:auto; margin:0; border-top:1px solid #e2e2e2; text-align:left} 
.qm-nav .sub li{ margin-left:0; display:block}
.qm-nav .sub a{ text-align:left; padding:0 15px; font-size:14px; background:none; line-height:32px; height:32px; color:#333}
.qm-nav .sub a:before{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background-color:#999; margin-right:8px; vertical-align:middle}
.qm-top.block .box .navbox{ display:block;} 

.right-tel{ position:absolute; z-index:2; right:150px;top:5px; padding-top:0}
.head-lang span{ padding:4px;}
.head-lang{ height:32px; margin-top:-16px;}
.right-tel .p1{ font-size:12px;}
.right-tel .p2{ font-size:16px; border:none}
/*底部*/
.foottopbox{ padding-top:30px; }
.foottopbox .footnav{ display:none}
.foottopbox .footlogo{ width:40%}
.foottopbox .footewm{ width:60%}
.banquan .left,.banquan .right{ float:none}
/*页码*/
.pages{ margin-top:20px}
.pages li a{ padding:0 10px; line-height:30px; height:32px;}

.videopop .videobd .video{ height:auto} 
.popbox .bd .img{ max-height:400px}

/*手机端底部*/
.izl-rmenu{ display:none}
/*底部三大功能键*/    
#top{ display:none}
.mfloat{ display:block; height:58px;}
.mfloat ul{ position:fixed; z-index:97; left:0px; right:0px; bottom:0px; height:58px;background: #355ba9; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.mfloat ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; text-align:center;  }
.mfloat ul li:last-child{ border-right:none}
.mfloat ul li a{ display:block; color:#fff; padding-top:8px}
.mfloat ul li i{ display:block;  width:24px; height:24px; background-size:100%;background-repeat:no-repeat; background-position:center; margin:0 auto}
.mfloat ul li i.ico-mf01{ background-image:url(../images/ico-f01h.png)}
.mfloat ul li i.ico-mf02{ background-image:url(../images/ico-f03h.png); }
.mfloat ul li i.ico-mf03{ background-image:url(../images/ico-f02h.png); } 

#popbox{width: 100%; height: 100%; position: fixed; top: 0;display:none; z-index: 1000; background: rgba(0,0,0,.6);}
#popbox .bd{margin: auto; position: absolute; top:50%; left: 50%;margin-left:-40%; width: 80%; padding: 10px;transform:translateY(-50%); text-align: center; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; border-radius: 10px; padding-top:40px}
#popbox .bd .close{position: absolute; top: 10px; right: 10px; width:24px; height:24px; font-size:12px; line-height:24px; text-align: center; color: #fff; font-weight: bold; font-style: normal; background: #333; border-radius: 100%; cursor: pointer; display:block;}
#popbox .bd img{width:130px}
#popbox .bd span{display: inline-block; padding:0 10px; background-color: #222; color: #fff; border-radius: 5px; cursor: pointer;}
#weixintis{position: fixed; top: 50%;transform:translateY(-50%);padding:20px 0; margin-top: -.2rem; z-index: 9999999; font-size:14px; color: #fff; width: 90%;left:50%;margin-left:-45%; text-align: center; background: rgba(0, 0, 0, 0.8); border: 2px solid #333; border-radius:5px; display: none;}

.page-num{ display:none !important}

.mnbav{ display:block}
.mnbav ul{ overflow:hidden; padding:0 5px; padding-top:10px;}
.mnbav ul li{ float:left; width:33.33%; margin-bottom:5px;}
.mnbav ul li a{ display:block; height:30px; line-height:30px; text-align:center; color:#fff; margin:0 2.5px ; background-color:#005cab; font-size:13px; border-radius:5px;}
}

@media(max-width:766px) { 
body{ font-size:15px}
a{ font-size:15px}
 
.foottopbox .weap{ display:block}
.foottopbox .footlogo{ width:auto; text-align:center; margin-bottom:10px}
.foottopbox .footewm{ width:100%}
.foottopbox .footlogo img{ width:250px}
.foottopbox .footlogo .p1{ margin-top:10px; font-size:14px}
.foottopbox{ padding-bottom:20px}
.foottopbox .footewm dl{ width:25%; margin:0; }
.foottopbox .footewm dl dt{padding:0 5px}
.foottopbox .footewm dl img{ border-radius:5px}
}